<template>
  <div id="donate">
    <table rules="rows" frame="hsides" bordercolor="black" width="100%">
          <tr v-for="book in books2" class="information" >
              <td><img :src="book.picture"/></td>
              <td><h3>{{book.name}}</h3></td>
              <td>{{book.author}}</td>
              
              <td><mt-button>联系捐者</mt-button></td>
          </tr>
     </table>
  </div>
</template>
<script type="text/javascript">
export default {
  data () {
    return {
       books2: [{
                          picture:'./src/assets/image/3.1people.jpg',
                          author: '晓明',
                          name: '人类简史',
                         

                        },{
                          picture:'./src/assets/image/3.3知行合一.jpg',
                          author: '小风',
                          name: '知行合一',
                         
                        },{
                          picture:'./src/assets/image/3.4丝绸之路：一部全新的世界史.jpg',
                          author: '小伟',
                          name: '丝绸之路',
                          
                        },{
                          picture:'./src/assets/image/3.5全球通史.jpg',
                          author: '小贱',
                          name: '全球通史',
                         
                        }]
    }
  },
 methods:{
   
  }
}
</script>
<style>
</style>
